var filaSeleccionada = -1;
var divPaginacion="#pagerClientes";
var clientesArrayJSON = [];
var anchoTabla = 900;

function fnInicializarTabla(divGrilla){
    $(divGrilla).jqGrid({
        datatype: 'local',
        data:clientesArrayJSON,
        mtype: 'GET',
        width:anchoTabla,
        height:400,
        hidegrid:false,
        colNames:['#','Nombre Cliente','Tipo Persona','RUC/DNI','Correo','Tel\u00e9fono'],
        colModel :[
          {name:'id', index:'id',width:40,align:'center',hidden:true},    
          {name:'nombreEntidad',index:'nombreEntidad',width:250,align:'center',sortable:true,search:true},
          {name:'tipoPersona',index:'tipoPersona',width:200,align:'center',sortable:true,search:true},
          {name:'documento', index:'documento',width:200,align:'center',sortable:false},
          {name:'correo', index:'correo',width:200,align:'center',sortable:false},
          {name:'telefono', index:'telefono',width:200,align:'center',sortable:false}
        ],
        pager: divPaginacion,
        rowNum:20,
        rowList:[10,20,30],
        sortname: 'nombreEntidad',
        sortorder: 'asc',
        viewrecords: true,
        rownumbers:true,
        caption: 'Lista de Clientes'
    });

    $(divGrilla).jqGrid('navGrid',divPaginacion,
    		{search:false,edit:false,add:false,del:false,searchtext:"B&uacute;squeda"});

    $(divGrilla).jqGrid('setGridParam',
        { onSelectRow: function(id){ filaSeleccionada = id;} } 
    );
}

function fnNuevoCliente(){
	location.href= contextPath + "/Clientes/nuevo_cliente";
}

function fnEditarCliente(){
	if(filaSeleccionada!=-1){
		location.href= contextPath + "/Clientes/editar_cliente?idCliente="+filaSeleccionada;
	}else{
		jAlert('Seleccione un cliente para editar',TITULO_MENSAJE);
	}		
}

function fnBuscar(){
	$("#formBusqueda").submit();
}